export default function(popup, $f7, $, $$) {

  
  var popupComponent = popup.el.__vue__;
  var popupInSecond = (popupComponent.popupInSecond) ? popupComponent.popupInSecond : 0.4;
  var popupOutSecond = (popupComponent.popupOutSecond) ? popupComponent.popupOutSecond : 0.4;
  var second = 0;

  var scopeId = popupComponent.$options._scopeId;
  var animation = '';

  second = popupInSecond;
  animation = (popupComponent.popupInAnimation) ? '' : 'animation-name: no-animation-in-'+scopeId+';';

  $$('#popup-in-style').remove();
  $$('head').append('<style id="popup-in-style">' + 
  '@keyframes no-animation-in-'+scopeId+' { from {} to {} }' + 
  '.popup['+scopeId+'].modal-in{animation-duration: '+second+'s;'+animation+'}' +
  '</style>');


  second = popupOutSecond;
  animation = (popupComponent.popupOutAnimation) ? '' : 'animation-name: no-animation-out-'+scopeId+';';

  $$('#popup-out-style').remove();
  $$('head').append('<style id="popup-out-style">' + 
  '@keyframes no-animation-out-'+scopeId+' { from {} to {} }' + 
  '.popup['+scopeId+'].modal-out{animation-duration: '+second+'s;'+animation+'}' +
  '</style>');



}
